<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="time">2019-9-9</div>
    <script>
        /* 
        js 基础语法， DOM BOM.
        DOM； 文档对象模型 Document Object Model 
        系统提供了一些接口，可以动态的改变网页的样式和内容，


        DOM 树
        文档 ：document，一个网页就是一个文档。
        元素：element 网页中所有的标签都是元素。
        节点： node 网页中所有的的内容都是节点。比如： 标签，属性，文本，注释
        */


          /* 
            getElementById:
                输入：ID
                处理：获取元素ID
                输出：ID的对象
            总结：
                1. id 对大小写敏感
                2. 返回值是一个对象
                3. 小驼峰
                4. script 书写顺序
        */


        let div = document.getElementById('time');
        console.log(div);
        console.dir(div);
        console.log(typeof div);
        console.log(div instanceof Object);

    </script>

    
</body>
</html>